<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="icon" type="image/png" sizes="16x16" href="plugins/images/favicon.png">
		<title>天宏批发平台</title>
		<!-- Bootstrap Core CSS -->
		<link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

		<!-- animation CSS -->
		<link href="css/animate.css" rel="stylesheet">
		<!-- Custom CSS -->
		<link href="css/global.css" rel="stylesheet">
		<link href="css/index.css" rel="stylesheet">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
	</head>

	<body>
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					 aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#"><img src="img/logo.png"></a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


					<ul class="nav navbar-nav navbar-right">
						<li class="active"><a href="index.html">首页</a></li>
						<li><a href="product.html">产品服务</a></li>
						<li><a href="news.html">公告</a></li>
						<li><a href="login.html">登录/注册</a></li>
					</ul>
				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- login -->
			<div class="login-wrap">
				<h3 class="text-primary login-title">账号登录 <div class="title-underline">&nbsp;</div>
				</h3>
				<form class="form-horizontal" style="margin-top: 28px;">
					<div class="form-group">
						<label for="inputEmail3" class="col-sm-3 control-label" style="padding-left: 0;">用户名</label>
						<div class="col-sm-8">
							<input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的用户名">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-3 control-label" style="padding-left: 0;">密码</label>
						<div class="col-sm-8">
							<input type="password" class="form-control" id="inputPassword3" placeholder="请输入您的密码">
						</div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-3 control-label" style="padding-left: 0;">验证码</label>
						<div class="col-sm-5">
							<input type="password" class="form-control" id="inputPassword3" placeholder="请输入验证码">
						</div>
						<div class="col-sm-4"><img src="img/demo-01.png" height="34"></div>
					</div>
					<div class="form-group">
						<label for="inputPassword3" class="col-sm-3 control-label" style="padding-left: 0;">USB-KEY</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" id="inputPassword3" placeholder="请输入您的USB-KEY">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-6"><a href="#" class="text-dark">忘记密码</a></div>
						<div class="col-sm-6 text-right"><a href="#" class="text-dark">注册</a></div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-8">
							<button type="submit" class="btn btn-primary btn-block">登录</button>
						</div>
					</div>
				</form>
			</div>
			<!-- login -->
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active" style="background-image: url(img/slider-01.png); background-size: cover; height: 800px;">
					<div class="carousel-caption">
						<h1>天宏在线</h1>
						<p>天宏数字产品营销电子商务平台</p>
						<p>中国最大数字产品销售平台</p>
					</div>
				</div>
				<div class="item" style="background-image: url(img/slider-01.png); background-size: cover; height: 800px;">
					<div class="carousel-caption">
						<h1>天宏在线</h1>
						<p>天宏数字产品营销电子商务平台</p>
						<p>中国最大数字产品销售平台</p>
					</div>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

			</a>
		</div>

		<div class="container-fluid" style="background: #FFFFFF; box-shadow: 0px 16px 24px rgba(51, 132, 249, 0.06), 0px 2px 6px rgba(51, 132, 249, 0.04), 0px 0px 1px rgba(51, 132, 249, 0.04); padding: 34px;">
			<div class="container text-center">
				<img src="img/img-01.png">
			</div>
		</div>
		<div class="container text-center" style="margin-top: 70px;">
			<img src="img/index-title-01.png">
			
			<img src="img/img-02.png">
			<div>

				<!-- Nav tabs -->
				<ul class="nav nav-tabs" role="tablist" style="margin-bottom: 40px; margin-top: 40px;">
					<li role="presentation" class="active"><a href="#tab01" aria-controls="tab01" role="tab" data-toggle="tab">所有</a></li>
					<li role="presentation"><a href="#tab02" aria-controls="tab02" role="tab" data-toggle="tab">电商充值</a></li>
					<li role="presentation"><a href="#tab03" aria-controls="tab03" role="tab" data-toggle="tab">游戏充值</a></li>
					<li role="presentation"><a href="#tab04" aria-controls="tab04" role="tab" data-toggle="tab">话费充值</a></li>
					<li role="presentation"><a href="#tab05" aria-controls="tab05" role="tab" data-toggle="tab">话费充值</a></li>
					<li role="presentation"><a href="#tab06" aria-controls="tab06" role="tab" data-toggle="tab">话费充值</a></li>
				</ul>

				<!-- Tab panes -->
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="tab01">
						<div class="product-group">
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-02.png" >
								</div>
								<p>360游戏</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-03.png" >
								</div>
								<p>腾讯游戏</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-04.png" >
								</div>
								<p>小米米币</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-05.png" >
								</div>
								<p>蜗牛一卡通</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-06.png" >
								</div>
								<p>多玩游戏平台</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-07.png" >
								</div>
								<p>37玩网页游戏平台</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-08.png" >
								</div>
								<p>4399网页游戏</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-09.png" >
								</div>
								<p>跳跃网络</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-10.png" >
								</div>
								<p>网易充值一卡通</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-02.png" >
								</div>
								<p>360游戏</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-03.png" >
								</div>
								<p>腾讯游戏</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-04.png" >
								</div>
								<p>小米米币</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-05.png" >
								</div>
								<p>蜗牛一卡通</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-06.png" >
								</div>
								<p>多玩游戏平台</p>
							</div>
							<div class="product-list">
								<div class="producti-bg">
									<img src="img/demo-07.png" >
								</div>
								<p>37玩网页游戏平台</p>
							</div>
						</div>
						<div class="text-center" style="margin-top: 30px;">
							<div class="col-xs-4 col-xs-offset-4">
								<a href="#" class="btn btn-primary btn-block">更多游戏</a>
							</div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane" id="tab02">2</div>
					<div role="tabpanel" class="tab-pane" id="tab03">3</div>
					<div role="tabpanel" class="tab-pane" id="tab04">4</div>
					<div role="tabpanel" class="tab-pane" id="tab05">5</div>
					<div role="tabpanel" class="tab-pane" id="tab06">6</div>
				</div>

			</div>
		</div>
		
		<div class="" style="margin-top: 90px;">
			<img src="img/demo-11.png" width="100%" >
		</div>
		
		<div class=" text-center" style="margin-top: 90px;">
			<img src="img/index-title-02.png" >
			<p class="text-dark" style="margin-top: 35px;">批量充值单次充值 登录账户页面选择商品充值流程简单 无需研发实现快速充值、采购。</p>
			<div class="container" style="margin-top: 70px;">
				<div class="row">
					<div class="col-xs-3">
						<div class="platform-server">
							<img src="img/img-03.png" alt="">
							<p>充值服务</p>
						</div>
					</div>
					<div class="col-xs-3">
						<div class="platform-server">
							<img src="img/img-04.png" alt="">
							<p>数据服务</p>
						</div>
					</div>
					<div class="col-xs-3">
						<div class="platform-server">
							<img src="img/img-05.png" alt="">
							<p>接口服务</p>
						</div>
					</div>
					<div class="col-xs-3">
						<div class="platform-server">
							<img src="img/img-06.png" alt="">
							<p>经销管理</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="index-server text-center">
			<div class="container">
				<div class="row">
					<div class="col-xs-3">
						<img src="img/img-07.png" alt="">
						<p>极速发货</p>
					</div>
					<div class="col-xs-3">
						<img src="img/img-08.png" alt="">
						<p>官方正品</p>
					</div>
					<div class="col-xs-3">
						<img src="img/img-09.png" alt="">
						<p>诚信保证</p>
					</div>
					<div class="col-xs-3">
						<img src="img/img-10.png" alt="">
						<p>品质服务</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="index-contact text-center">
			<h1>联系我们</h1>
			<h2>contact us</h2>
			<h3>工作时间:周一至周日09: 00 - 23: 00</h3>
			<div class="contaier" style=" width: 900px; margin: 60px auto 0 auto;">
				<div class="row">
					<div class="col-xs-4">
						<img src="img/img-12.png" alt="">
						<p>QQ客服：23423523</p>
					</div>
					<div class="col-xs-4">
						<img src="img/img-13.png" alt="">
						<p>咨询热线：0311-88888888</p>
					</div>
					<div class="col-xs-4">
						<img src="img/img-14.png" alt="">
						<p>邮箱地址：1341234234@qq.com</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="container bottom-link" style="margin-top: 76px;">
			<div class="row">
				<div class="col-xs-3">
					<h3>新手指南</h3>
					<ul>
						<li><a href="#">安全帮助</a></li>
						<li><a href="#">功能介绍</a></li>
						<li><a href="#">会员注册</a></li>
						<li><a href="#">点卡销售</a></li>
					</ul>
				</div>
				<div class="col-xs-3">
					<h3>防诈骗攻略</h3>
					<ul>
						<li><a href="#">安全购物指南</a></li>
						<li><a href="#">贪图便宜需谨慎</a></li>
						<li><a href="#">网络交易诈骗安全</a></li>
						<li><a href="#">一旦被骗，如何应对</a></li>
					</ul>
				</div>
				<div class="col-xs-3">
					<h3>常见问题</h3>
					<ul>
						<li><a href="#">请及时更新自己的账号资料通知</a></li>
						<li><a href="#">充值时需要注意的问题</a></li>
						<li><a href="#">本平台充值操作温馨提示</a></li>
						<li><a href="#">充值时出现异常界面应如何处理</a></li>
					</ul>
				</div>
				<div class="col-xs-3">
					<img src="img/logo.png" height="35" >
					<ul style="margin-top: 6px;">
						<li><a href="#">联系我们</a></li>
						<li><a href="#">天宏一卡通</a></li>
						<li><a href="#">天宏商务</a></li>
						<li><a href="#">天宏商城</a></li>
						<li><a href="#">法律声明</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="footer text-center">
			皖ICP备B2-20100023-15 增值电信业务经营许可证：皖B2-20100023 网络文化经营许可证皖网文：(2018) 8089-182号</Br>
			Copyright @ since 2004 All Rights Reserved 版权所有 侵权必究</Br>
			皖公网安备 34050402000019号
		</div>

		<script src="plugins/bower_components/jquery/dist/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('.carousel').carousel()
		</script>
	</body>

</html>
